<template>
  <div>
    <van-cell center :title="title" :label="label" @click="goPlay">
      <template #right-icon>
        <van-icon name="play-circle-o" size="0.6rem"/>
      </template>
    </van-cell>
  </div>
</template>

<script>
export default {
  props: ['title', 'label', 'id'],
  methods: {
    goPlay() {
      this.$router.push({
        path: '/play',
        query: {
          id: this.id
        }
      })
    }
  }
}
</script>

<style>

</style>